<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标记</title>
</head>
<body>
    <!-- 导航栏 type= circle,square,disc - 过时的属性 -->
    <ul type="circle"><h3>第一阶段</h3>
        <li>java基础</li>
        <li>面向对象</li>
        <li>集合框架</li>
        <li>多线程</li>
    </ul>

    <ul><h3>第一阶段</h3>
        <li>java基础</li>
        <li>面向对象</li>
        <li>集合框架</li>
        <li>多线程</li>
    </ul>

    <!-- 嵌套使用的 -->
    <ul><h3>第一阶段</h3>
        <li>java基础</li>
        <li>面向对象</li>
        <li>集合框架
            <ul>
                <li>ArrayList</li>
                <li>ArrayList</li>
                <li>ArrayList</li>
            </ul>
        </li>
        <li>多线程</li>
    </ul>

    <hr>
    <ol type="A"><h3>第一阶段</h3>
        <li>java基础</li>
        <li>面向对象</li>
        <li>集合框架</li>
        <li>多线程</li>
    </ol>

    <hr>
    <dl>
        <dt>Coffee</dt>
        <dd>- black hot drink</dd>
        <dd>- black hot drink</dd>
        <dd>- black hot drink</dd>

        <dt>Milk</dt>
        <dd>- white cold drink</dd>
        <dd>- white cold drink</dd>
        <dd>- white cold drink</dd>
    </dl>
</body>
</html>